
// 创建点击事件：点击注册转去注册页面
$('.login a').on('click', function () {
    $('.register').css({
        display: 'block'
    })
})

// 创建点击事件：点击登录转去登录页面
$('.register a').on('click', function () {
    $('.register').css({
        display: 'none'
    })
})
//  ------------------注册功能----------------------
// 表单提交-->阻止默认行为-->收集数据--> Ajax提交
$('.register form').on('submit', function (e) {
    // 阻止默认行为
    e.preventDefault();
    // 收集数据
    let data = $(this).serialize()
    // console.log(data);
    $.ajax({
        type: 'post',
        url: '/api/reguser',
        data: data,
        success: (function (res) {
            // 注册成功后重置输入框和跳转到登录页面
            console.log(res);
            if (res.status == 0) {
                // 给用户提示是否注册成功
                layer.msg(res.message);
                // 重置
                $('.register form')[0].reset()   //reset() 是DOM方法，用于重置表单
                $('.register').css({
                    display: 'none'
                })
            } else {
                layer.msg(res.message);
            }
        })
    })
})
//  ------------------自定义表单验证规则----------------------
// 1.加载fprm模块
let form = layui.form;
// console.log(form);
// 调用 verify 方法，编写验证规则
form.verify({
    // 键（验证规则）:值（验证方法）
    // 验证用户名长度 2~10位
    userlen: [/^[a-zA-Z]\w{1,9}$/, '用户名格式不正确'],
    // 验证密码长度 6~12位，且不能有空格
    len: [/^\S{6,12}$/, '密码必须是非空白，长度6~12位'],
    // 验证两次密码是否一致
    same: function (val) {
        // 形参 val 表示使用该验证规则的输入框的值
        // 因为页面中，确认密码框使用了这个验证规则，使用这里的 val 表示输入的确认密码

        // 获取密码
        let pwd = $('.pwd').val()
        // console.log(pwd);
        if (pwd !== val) {

            // return  提示用户重新输入
            return '两次输入的密码不一致，请张大你的狗眼看好了'
        }
    }
})

// ------------------登录功能----------------------
$('.login form').on('submit', function (e) {
    // console.log(1);
    e.preventDefault();
    // 请求Ajax接口
    $.ajax({
        type: 'post',
        url: '/api/login',
        data: $(this).serialize(),
        success: function (res) {
            // console.log(res);
            if (res.status == 0) {
                // 登录成功，把token保存到本地存储
                localStorage.setItem('token', res.token)
                layer.msg(res.message, { tiem: 1500 }, () => location.href = './index.html')
            } else {
                layer.msg(res.message);
            }
        }
    })
})